@charset "utf-8";
/*颜色*/
$color_3: #333;
$color_6: #666;
$color_9: #999;
$da251c: #cc0000;
$ccc: #ccc;
$fff: #fff;
$color_f0f2f7: #f0f2f7;
$color_f3f5f9: #f3f5f9;
$color_ebf0f5: #ebf0f5;
$fafafa: #fafafa;
$e6e6e6: #e6e6e6;
$e4e4e4: #e4e4e4;
$gts:#c59683;
$thj:#ecc951;
$ygs:#c8c8c8;
$hs:#000;
/*字体大小*/
$font_12: 12px;
$font_14: 14px;
$font_16: 16px;
$font_18: 18px;
$font_20: 20px;
$font_24: 24px;
$font_30: 30px;

.breadCrumbs {
  width: 100%;
  height: 50px;
  line-height: 50px;
  color: $color_3;
  .current {
    color: $da251c;
  }
  a{
    color: inherit;
  }
}

.solution {
  .solutionSout {
    width: 100%;
    overflow: hidden;
    .bigImg {
      width: 220px;
      height: 205px;
      float: left;
      text-align: center;
      background: url("../images/031.png");
      padding: 120px 10px 0;
      font-size: $font_16;
      line-height: 1.5;
      color: $fff;
    }
    .imgList {
      float: left;
      overflow: hidden;
      width: 960px;
      ul{
        li{
          float: left;
          width: 215px;
          height: 100px;
          float: left;

          padding: 60px 10px 0;
          font-size: $font_16;
          line-height: 1.5;
          color: $fff;
          margin-left: 5px;
          text-align: center;
          &:nth-child(n+5){
            margin-top: 5px;
          }
          &:nth-child(odd){
            background: url("../images/0302.png");
          }
          &:nth-child(even){
            background: url("../images/03003.png");
          }
        }
      }
      div {
        height: 160px;
      }
    }
  }
  .solutionText {
    width: 100%;
    height: 78px;
    line-height: 78px;
    text-align: center;
    font-size: $font_20;
    color: $da251c;
  }
  .solutionHonor {
    width: 100%;
    height: 430px;
  }
  .solutionList {
    padding: 0 20px;
    height: auto;
    overflow: hidden;
    margin-bottom: 60px;
    dl {
      font-size: $font_16;
      line-height: 30px;
      color: $color_3;
    }
    dl dt {
      font-weight: bold;
      margin-top: 24px;
    }
  }
}

.single-item {
  width: 100%;
  overflow: hidden;
}

.cover {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, .3);
  z-index: 10;
}

.message {
  width: 620px;
  height: 550px;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: -310px;
  margin-top: -275px;
  border-radius: 6px 6px 0 0;
  z-index: 20;
  background: $fff;
  .title {
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: $font_16;
    background: $da251c;
    color: $fff;
    border-radius: 6px 6px 0 0;;
    span {
      &:first-child {
        float: left;
        margin-left: 20px;
      }
      &:last-child {
        float: right;
        margin-right: 20px;
        font-size: $font_20;
        line-height: 40px;
      }
    }
  }
  .content {
    width: 498px;
    margin: 0 auto;
    font-size: $font_14;
    color: $color_3;
    .areaGroup {
      overflow: hidden;
      margin-top: 24px;
      span {
        float: left;
      }
      textarea {
        width: 436px;
        height: 112px;
        float: right;
        border: 1px solid $e4e4e4;
        resize: none;
      }
      p {
        clear: both;
        font-size: $font_12;
        line-height: 24px;
        margin-left: 44px;
      }
    }
    .inputGroup {
      overflow: hidden;
      height: 32px;
      line-height: 32px;
      margin-top: 10px;
      label {
        float: left;
      }
      input, .questions {
        width: 401px;
        height: 30px;
        float: right;
        border: 1px solid $e4e4e4;
      }
      .select {
        overflow: hidden;
        float: right;
        select {
          width: 121px;
          height: 30px;
          border: 1px solid $e4e4e4;
          margin-right: 20px;
          &:last-child {
            margin-right: 0;
          }
        }
      }
    }
  }
}

.serviceSupport {
  .breadCrumbs {
    border-bottom: 1px dashed $ccc;
  }
  .supportList {
    width: 100%;
    margin-bottom: 105px;
    ul {
      width: 100%;
      height: auto;
      display: table;
      overflow: hidden;
      li {
        width: 300px;
        display: table-cell;
        text-align: center;
        img {
          margin-top: 70px;
        }
        p {
          font-size: $font_20;
          line-height: $font_20;
          color: $color_3;
          margin-top: 10px;
        }
      }
    }
  }
}

.onlineMessage {
  width: 120px;
  height: auto;
  overflow: hidden;
  position: fixed;
  top: 28%;
  right: 5px;
  > p {
    font-size: $font_16;
    color: $color_9;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 10px 10px 0 0;
    background: $color_f0f2f7;
  }
  ul {
    li {
      width: 120px;
      height: 64px;
      padding-top: 16px;
      margin-top: 1px;
      background: $color_f0f2f7;
      font-size: $font_14;
      line-height: $font_14;
      text-align: center;
      &:hover {
        background: $color_f3f5f9;
        p {
          color: $ccc;
        }
      }
      p {
        font-size: inherit;
        color: $color_9;
        &:last-child {
          margin-top: 10px;
        }
      }
      p.icon {
        font-size: 28px;
      }
    }
  }
}

/*下载资料*/
.download {
  position: relative;
  .search {
    position: absolute;
    right: 0;
    top: 0;
    width: 155px;
    height: 28px;
    margin-top: 20px;
    float: right;
    margin-left: -155px;
    border-radius: 14px;
    border: 1px solid $da251c;
    input {
      width: 115px;
      text-indent: 2em;
      border: none;
      height: 28px;
      line-height: 38px;
      float: left;
      font-size: $font_14;
      border-radius: 14px 0 0 14px;
    }
    div {
      float: right;
      width: 40px;
      height: 28px;
      border-radius: 0 13px 13px 0;
      background: $da251c;
      background-image: url("../images/search.png");
      background-repeat: no-repeat;
      background-position: center center;
    }
  }
  .main {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 90px;
    .left-menu {
      width: 230px;
      min-height: 670px;
      float: left;
      background: $color_ebf0f5;
      padding-top: 7px;
      ul {
        width: 100%;
        li {
          padding: 0 16px;
          height: 40px;
          margin-top: 5px;
          color: $color_3;
          a {
            display: block;
            width: 100%;
            height: 40px;
            font-size: $font_16;
            line-height: 40px;
            color: inherit;
            span {
              &:first-child {
                float: left;
              }
              font-size: $font_16;
              line-height: 40px;
              float: right;
            }
          }
          &:hover {
            background: $da251c;
            color: $fff;
          }
        }
        li.active {
          background: $da251c;
          color: $fff;
        }
      }
    }
    .right-container {
      float: left;
      margin-left: 70px;
      ul.list {
        li {
          height: 40px;
          line-height: 40px;
          font-size: $font_16;
          color: $color_3;
          &:hover {
            color: blue;
            cursor: pointer;
          }
        }
      }
      .content {
        float: left;
        width: 900px;
        height: 200px;
        margin-top: 60px;
        text-align: center;
        background: $fafafa;
        p {
          font-size: $font_18;
          color: $color_3;
          line-height: $font_18;
          margin-top: 56px;
        }
        .btns {
          width: 350px;
          margin: 28px auto;
          overflow: hidden;
          button {
            width: 148px;
            height: 38px;
            border: 1px solid $da251c;
            font-size: $font_18;
            color: $da251c;
            background: $fff;
            border-radius: 4px;
            float: left;
            &.select, &:hover {
              background: $da251c;
              color: $fff;
            }
            &:last-child {
              margin-left: 50px;
            }
            &:hover {
              cursor: pointer;
            }
          }
        }
      }
    }
  }
}

.productCenter {
  .main {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 90px;
    .left-menu {
      width: 230px;
      min-height: 670px;
      float: left;
      background: $color_ebf0f5;
      padding-top: 7px;
      ul {
        width: 100%;
        li {
          height: auto;
          margin-top: 5px;
          color: $color_3;
          > a {
            display: block;
            padding: 0 16px;
            font-size: $font_16;
            height: 40px;
            line-height: 40px;
            color: inherit;
            span {
              font-size: $font_16;
              line-height: 40px;
              float: left;
              &:last-child {
                float: right;
              }
            }
            &.active {
              background: $da251c;
              color: $fff;
            }
            &:hover {
              background: $da251c;
              color: $fff;
            }
          }
          .seriesList {
            padding: 10px 32px;
            font-size: $font_14;
            color: $color_3;
            > a {
              font-size: inherit;
              height: 36px;
              line-height: 36px;
              display: block;
              color: inherit;
              &:hover, &.active {
                color: $da251c;
              }
            }
            //display: none;
          }
        }
      }
    }
    .right-container {
      float: left;
      margin-left: 20px;
      .inputArea {
        height: 30px;
        .group {
          width: 202px;
          float: left;
          margin-right: 38px;
          label {
            font-size: $font_16;
            color: $color_3;
            line-height: $font_16;
          }
          input, select {
            width: 118px;
            height: 28px;
            border: 1px solid $ccc;
            &:focus {
              border-color: $da251c;
            }
          }
          select {
            height: 30px;
          }
        }
      }
      .unlockMode {
        height: 30px;
        line-height: 30px;
        margin-top: 6px;
        label {
          float: left;
          font-size: $font_16;
          color: $color_3;
        }
        form {
          float: left;
          label {
            margin-left: 30px;
            &:first-child {
              margin-left: 0;
            }
          }
        }
      }
      .hasSelect {
        height: 30px;
        line-height: 30px;
        margin-top: 6px;
        label {
          float: left;
          font-size: $font_16;
          color: $color_3;
        }
        p {
          float: left;
          font-size: $font_16;
          color: $color_3;
          span:last-child {
            font-size: $font_18;
            color: $color_9;
            line-height: 30px;
            vertical-align: middle;
            padding: 6px;
            cursor: pointer;
          }
        }
        button{
          width: 80px;
          height: 32px;
          line-height: 32px;
          text-align: center;
          float: right;
          border: 0;
          background: $da251c;
          color: $fff;
          border-radius: 4px;
          font-size: $font_16;
        }
      }
      .panelList {
        width: 920px;
        overflow: hidden;
        .panel {
          width: 280px;
          height: 450px;
          float: left;
          margin-right: 10px;
          background: $fafafa;
          padding: 32px 10px 10px;
          font-size: $font_12;
          color: $color_6;
          line-height: 24px;
          margin-top: 10px;
          img{
            width: 280px;
            height: 280px;
          }
          > div {
            text-align: center;
          }
          ul {
            .text {
              font-size: $font_16;
              color: $color_3;
              margin-top: 22px;
            }
            li {
              color: $color_3;
              span {
                margin-right: 5px;
              }
            }
            .style {
              height: 32px;
              margin-top: 8px;
              span:not(:first-child) {
                width: 30px;
                height: 30px;
                float: left;
                border: 1px solid $color_9;
                border-radius: 4px;
                text-align: center;
                line-height: 30px;
                margin-left: 12px;
                font-size: $font_18;
                vertical-align: middle;
              }
              span:first-child {
                float: left;
                line-height: 32px;
              }
            }
          }

        }
        .panel:nth-child(3n) {
          margin-right: -10px;
        }
      }
    }
  }
}

.caseCenter {
  overflow: hidden;
  > ul {
    overflow: hidden;
    li {
      width: 595px;
      height: 350px;
      position: relative;
      float: left;
      margin-right: 10px;
      &:nth-child(2n) {
        margin-right: 0;
      }
      &:nth-child(3), &:nth-child(4) {
        margin-top: 10px;
      }
    }
  }
  .content{
    margin: 30px auto 100px;
  }
  .title {
    font-size: $font_24;
    color: $da251c;
    line-height: 56px;
    margin-top: 10px;
    text-align: center;
  }
  //>ol{
  //  margin: 40px 0;
  //  border-bottom: 1px dashed $ccc;
  //  display: table;
  //  li{
  //    display: table-cell;
  //    width: 220px;
  //    padding-left: 20px;
  //    &.city{
  //      color: $da251c;
  //    }
  //  }
  //}
}

.orderNum {
  width: 446px;
  height: auto;
  margin: 36px auto;
  p {
    font-size: $font_16;
    color: $color_3;
    line-height: 26px;
  }
  > div {
    border-radius: 20px;
    border: 1px solid $da251c;
    height: 38px;
    input {
      width: 374px;
      padding-left: 20px;
      float: left;
      height: 38px;
      border-radius: 20px 0 0 20px;
      border: none;
      font-size: $font_14;
      color: $color_9;
    }
    div {
      float: right;
      width: 50px;
      margin-left: -50px;
      height: 38px;
      border-radius: 0 18px 18px 0;
      background: $da251c;
      background-image: url("../images/search.png");
      background-repeat: no-repeat;
      background-position: center center;
    }
  }
}

.order {
  .orderDetail {
    width: 694px;
    height: 348px;
    margin: 0 auto;
    border: 1px solid $ccc;
    overflow: hidden;
    margin-bottom: 50px;
    .title {
      margin: 16px 0 0 26px;
      font-size: $font_16;
      color: $color_3;
    }
    .orderInfo {
      width: 328px;
      float: left;

      div {
        margin-top: 76px;
        overflow: hidden;
        img {
          width: 82px;
          height: 90px;
          float: left;
          margin-left: 26px;
        }
        ul {
          margin-left: 20px;
          float: left;
          font-size: $font_14;
          color: $color_3;
          line-height: 24px;

        }
      }
    }
    .line {
      width: 0;
      height: 282px;
      border-right: 1px dashed $ccc;
      margin-top: 33px;
      float: left;
    }
    .orderFollow {
      float: right;
      width: 365px;
      height: 348px;
      overflow-y: scroll;
      margin-left: -365px;
      dl {
        margin-left: 36px;
        border-left: 1px solid $ccc;
        position: relative;
        padding-bottom: 12px;
        dt {
          font-size: $font_14;
          line-height: $font_14;
          color: $color_3;
          padding-left: 24px;
          span:first-child {
            position: absolute;
            left: -6px;
            width: 7px;
            height: 7px;
            border: 2px solid #ebebeb;
            background: #c8c8c8;
            border-radius: 50%;
            &.current {
              border: 2px solid #fec6c6;
              background: $da251c;
            }
          }
          span:last-child{
            line-height: 1.5;
          }
        }
        dd {
          font-size: $font_12;
          line-height: 22px;
          padding-left: 24px;
          color: $color_9;
        }

      }
      .title {
        margin-left: 36px;
        margin-bottom: 36px;
      }
    }
  }
}

.agents {
  margin-bottom: 110px;
  .orderNum {
    margin-top: 120px;
  }
  dl {
    width: 700px;
    height: 152px;
    margin: 0 auto;
    padding: 44px 50px 0;
    background: $fafafa;
    dt {
      font-size: $font_16;
      color: $color_6;
      line-height: $font_16;
    }
    dd {
      font-size: $font_14;
      color: $color_3;
      line-height: 24px;
      &:nth-child(2) {
        margin-top: 10px;
      }
    }
  }
}

.security {
  margin-bottom: 110px;
  .orderNum {
    margin-top: 120px;
  }
  .content {
    width: 478px;
    height: 98px;
    margin: 0 auto;
    border: 1px solid $e6e6e6;
    padding: 50px 42px;
    img {
      float: left;
      width: 82px;
      height: 100px;
    }
    ul {
      float: left;
      overflow: hidden;
      margin-left: 20px;
      font-size: $font_14;
      color: $color_3;
      line-height: 24px;
    }
  }
}

.detail {
  margin-bottom: 110px;
  .proName {
    height: 48px;
    line-height: 48px;
    font-size: $font_16;
    color: $color_3;
    p {
      float: left;
    }
    ul {
      float: right;
      overflow: hidden;
      li {
        float: left;
        padding: 0 14px;
        height: 16px;
        line-height: 16px;
        margin-top: 16px;
        border-right: 1px solid $color_9;
        &:last-child {
          border-right: none;
          padding-right: 0;
        }
      }
    }
  }
  .proInfo {
    overflow: hidden;
    .proLeft {
      width: 420px;
      float: left;
      .proImg {
        img{
          width: 420px;
          height: 420px;
        }
        width: 420px;
        text-align: center;
        display: table-cell;
        vertical-align: middle;
        ul{
          overflow: hidden;
          margin-top: 10px;
          li{
            float: left;
            width: 133px;
            height: 133px;
            background: $fafafa;
            margin-right: 7px;
            text-align: center;
            img{
              width: 59px;
              height: 106px;
              margin-top: 18px;
            }
          }
        }
      }
    }
    .baseInfo {
      width: 539px;
      float: left;
      height: auto;
      margin-left: 80px;
      overflow: hidden;
      font-size: $font_14;
      color: $color_6;
      .name{
        font-size: $font_20;
        color: $color_3;
        line-height: 1;
        margin-bottom: 20px;
      }
      p{
        float: left;
      }
      .userPlace{
        overflow: hidden;
        clear: both;
        span{
          margin-right: 10px;
          float: left;
          line-height: 24px;
        }
      }
      .colour{
        overflow: hidden;
        margin-top: 30px;
        ul{
          float: left;
          li{
            float: left;
            margin-right: 20px;
            &:first-child{
              margin-left: 20px;
            }
            span{
              &:first-child{
                width: 40px;
                height: 40px;
                float: left;
                margin-bottom: 10px;
                border-radius: 50%;
              }
              &.gts{
                background: $gts;
              }
              &.thj{
                background: $thj;
              }
              &.ygs{
                background: $ygs;
              }
              &.hs{
                background: $hs;
              }
              &:last-child{
                display: block;
                line-height: 1;
                margin-top: 10px;
                clear: both;
                text-align: center;
              }
            }
          }
        }
      }
      .unlockType{
        overflow: hidden;
        margin-top: 35px;
        ul{
          float: left;
          li{
            float: left;
            width: 30px;
            height: 30px;
            border: 1px solid $color_9;
            text-align: center;
            line-height: 30px;
            margin-right: 12px;
            font-size: $font_20;
            border-radius: 4px;
            &:first-child{
              margin-left: 20px;
            }
          }
        }
      }
      .btns{
        overflow: hidden;
        margin-top: 137px;
        button{
          width: 148px;
          height: 38px;
          font-size: $font_18;
          background: transparent;
          cursor: pointer;
          border:1px solid $da251c;
          border-radius: 4px;
          float: left;
          line-height: 38px;
          text-align: center;
          color: $da251c;
          &.select{
            background: $da251c;
            color: $fff;
          }
          &:first-child{
            margin-right: 40px;
          }
        }
      }
    }
    padding-bottom: 26px;
    border-bottom: 1px solid $e4e4e4;
  }
  .imgList{
    li{
      img{
        width: 100%;
        vertical-align: bottom;
      }
    }
  }
  /*.addCompare{
    float: right;
    overflow: hidden;
    height: 20px;
    span{
      float: left;
      font-size: $font_16;
      line-height: $font_16;
      color: $da251c;
      &:last-child{
        font-size: $font_14;
        color: $color_3;
        margin-left: 5px;
      }
    }
  }
  .comparePro{
    overflow: hidden;
    height: 320px;
    border: 1px solid #eee;
    clear: both;
    .title{
      height: 40px;
      line-height: 40px;
      font-size: $font_16;
      color: $color_3;
      background: $color_f0f2f7;
      padding: 0 20px;
      clear: both;
      p{
        float: left;
      }
      div{
        float: right;
        line-height: 40px;
        font-size: $font_18;
        span{
          line-height: 40px;
          float: left;
          color: $ccc;
          &:last-child{
            font-size: 22px;
          }
        }

      }
    }
    .proList{
      overflow: hidden;
      margin-top: 30px;
      .panel{
        width: 180px;
        height: 220px;
        background: $fafafa;
        float: left;
        margin-right: 10px;
        position: relative;
        img{
          width: 97px;
          height: 166px;
          position: absolute;
          left: 14px;
          top: 34px;
        }
        span{
          position: absolute;
          right: 8px;
          top: 8px;
          font-size: $font_20;
          color: $ccc;
        }
        .text{
          position: absolute;
          top: 70px;
          right: 18px;
          font-size: $font_14;
          color: $color_3;
          line-height: 30px;
          p{
            &:last-child{
              color: $da251c;
            }
          }
        }
      }
    }
    .btns{
      float: left;
      text-align: center;
      button{
        display: block;
        width: 120px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        margin-left: 54px;
        background: $fff;
        border: 1px solid $da251c;
        border-radius: 6px;
        color: $da251c;
        &:hover,&.select{
          background: $da251c;
          color: $fff;
        }
        &:first-child{
          margin-top: 70px;

        }
        &:last-child{
          margin-top: 20px;
          span{
            &:first-child{
              margin-right: 5px;
            }
          }
        }
      }
    }
  }
  .proDetailName{
    line-height: 60px;
    font-size: $font_20;
    color: $color_3;
  }
  .proDetail{
    color: $color_3;
    font-size: $font_16;
    line-height: 30px;
    ul li:first-child{
      span{
        &:first-child{
          margin-right: 180px;
        }
      }
    }
  }
  .img{
    img,video{
      width: 1200px;
      height: 450px;
    }
  }*/

  .relatedPro{
    overflow: hidden;
    .pannel{
      width: 232px;
      height: 232px;
      float: left;
      background: $fafafa;
      position: relative;
      margin-right: 10px;
      &:last-child{
        margin-right: 0;
      }
      img{
        position: absolute;
        width: 103px;
        height: 174px;
        left: 50px;
        top: 30px;
      }
      .text{
        position: absolute;
        top: 70px;
        right: 18px;
        font-size: $font_14;
        color: $color_3;
        line-height: 30px;
        p{
          &:last-child{
            color: $da251c;
          }
        }
      }
    }
  }
  .topReviews{
    overflow: hidden;
    .proDetailName{
      border-bottom: 1px solid $ccc;
    }
   >.pannel{
      padding-bottom:20px ;
      border-bottom: 1px solid $ccc;
     &:last-child{
       border-bottom: 0;
     }
      .userName{
        overflow: hidden;
        margin-top: 16px;
        .name{
          font-size: $font_16;
          line-height: 30px;
          float: left;
          margin-right: 64px;
          span{
            display: block;
            &:first-child{
              color: $da251c;
            }
          }
        }
        >span{
          padding: 7px 26px;
          font-size: $font_12;
          border:1px solid $ccc;
          border-radius: 4px;
          float: left;
          margin-top: 10px;
          &:last-child{
            margin-left: 20px;
          }
        }
      }
      .reviews{
        font-size: $font_14;
        line-height: 52px;
        color: $color_3;
      }
      .starImg{
        overflow: hidden;
      }
      .star{
          width: 322px;
        float: left;
        li{
          overflow: hidden;
          span{
            float: left;
            font-size: $font_14;
            color: $color_6;
            padding: 0 5px;
            line-height: 30px;
            color: #ffd75d;
            &:first-child{
              text-align: right;
              margin-right: 15px;
              padding: 0;
              color: $color_6;
              width: 60px;
            }
          }
        }
      }
      .imgList{
        float: left;
        ul{
          overflow: hidden;
          li{
            width: 213px;
            height: 214px;
            float: left;
            position: relative;
            background: $fafafa;
            text-align: center;
            margin-right: 8px;
            &:last-child{
              margin-right: 0;
            }
            img{
              width: 96px;
              height: 160px;
              position: absolute;
              left: 50%;
              top: 50%;
              margin-left: -48px;
              margin-top: -80px;
            }
          }
        }
      }
     .reply{
       .pannel{
         margin-top: 20px;
         overflow: hidden;
         .ava{
           background: url(../images/ava.png);
         }
         p{
           width: 60px;
           height: 17px;
           font-size: $font_30;
           color: $color_6;
           float: left;
           text-align: right;
         }
         div{
           float: left;
           margin-left: 24px;
           line-height: 18px;
           span{
             display: block;
             font-size: $font_14;
             line-height: 20px;
             &:first-child{
               color: $da251c;
               font-size: $font_16;
             }
           }
         }
       }
     }
    }

  }
}

.headNav {
  width: 100%;
  height: 50px;
  background: $da251c;
  ul {
    width: 1200px;
    overflow: hidden;
    margin: 0 auto;
    li {
      float: left;
      a {
        font-size: $font_16;
        color: $fff;
        line-height: 50px;
        float: left;
        padding: 0 20px;
        &:first-child {
          padding-left: 0;
        }
      }
    }
  }
}

.fzlcBanner, .qywhBanner {
  width: 100%;
  height: 580px;
  text-align: center;
  img {
    max-width: 100%;
    height: 580px;
  }
}

.development, .culture {
  margin-bottom: 100px;
  .breadCrumbs {
    border-bottom: 1px dashed #ccc;
    a{
      color: $color_3;
    }
  }
}
.culture{
  width: 1200px;
  margin: 0 auto 100px;
}
.qywhbreadCrumbs {
  width: 1200px;
  margin: 0 auto;
  border-bottom: 1px dashed #ccc;
}

.qywhPanel {
  text-align: center;
  .content {
    width: 1200px;
    margin: 0 auto;
    text-align: left;
    p {
      font-size: $font_24;
      color: $color_3;
      line-height: $font_24;
      margin-top: 64px;
      text-align: center;
    }
    dl {
      font-size: $font_16;
      line-height: 28px;
      color: $color_6;
      margin-top: 44px;
      dt {
        color: $color_3;
        font-weight: bold;
      }
    }
  }
  img {
    max-width: 100%;
    min-width: 1200px;
    height: 580px;
    margin: 75px auto 0;
  }
}

ul.horizontalTab {
  width: 776px;
  height: 38px;
  margin: 0 auto;
  border: 1px solid $e4e4e4;
  li {
    float: left;
    width: 194px;
    color: $color_3;
    position: relative;
    a {
      float: left;
      width: 194px;
      height: 38px;
      line-height: 38px;
      color: inherit;
      font-size: $font_16;
      text-align: center;
      position: relative;
    }
    &.active {
      background: $da251c;
      color: $fff;
      a:after {
        content: '';
        width: 0;
        height: 0;
        border-top: 10px solid $da251c;
        border-left: 10px solid $fff;
        border-right: 10px solid $fff;
        position: absolute;
        right: 86px;
        bottom: -10px;
      }
    }
  }
}

.profile {
  margin-bottom: 100px;
  .qyjj {
    .title {
      width: 100%;
      height: 120px;
      text-align: center;
      img {
        margin-top: 60px;
      }
    }
    .imgList {
      li {
        overflow: hidden;
        margin-top: 30px;
        img {
          float: left;
          &:last-child {
            margin-left: 40px;
          }
        }
      }
    }
  }

  .qyry {
    margin-top: 100px;
    .panel {
      width: 776px;
      margin: 60px auto 0;
      .title {
        .redLind {
          width: 6px;
          height: 20px;
          background: $da251c;
          float: left;
        }
        span:last-child {
          font-size: $font_16;
          color: $color_3;
          line-height: $font_20;
          font-weight: 600;
          margin-left: 10px;
        }
      }
      .content {
        font-size: $font_14;
        line-height: 30px;
        color: $color_6;
        margin-top: 22px;
      }
      .imgs {
        width: 550px;
        margin: 12px auto 0;
        overflow: hidden;
        div {
          float: left;
          width: 259px;
          height: 218px;
          &:last-child {
            margin-left: 30px;
          }
          p {
            font-size: $font_12;
            text-align: center;
          }
        }
      }
    }
  }
}

.qyzz {
  padding-top: 34px;
  .jscx, .gygm, .cplx, .xxh {
    overflow: hidden;
    .panel {
      width: 540px;
      float: left;
      overflow: hidden;
      margin-top: 30px;
      .title {
        font-size: $font_14;
        line-height: $font_16;
        height: 16px;
        color: $color_3;
        font-weight: bold;
      }
      .content {
        font-size: $font_12;
        line-height: 20px;
        margin-top: 6px;
        color: $color_6;
        ul {
          li {
            margin-top: 20px;
          }
        }
      }
      .imgs {
        overflow: hidden;
        margin-top: 18px;
        img {
          max-width: 100%;
          height: 183px;
          float: left;
          margin-left: 40px;
          &:first-child {
            margin-left: 0;
          }
        }
      }
      .marginTop20 {
        margin-top: 20px;
      }
      .marginLeft10 {
        margin-left: 10px !important;
      }
      a {
        display: block;
        width: 128px;
        height: 32px;
        margin: 20px auto 0;
        line-height: 32px;
        text-align: center;
        border: 1px solid $color_9;
        font-size: $font_12;
        color: $color_3;
      }
      &:nth-child(odd) {
        margin-right: 60px;
      }
      &:nth-child(even) {
        margin-left: 60px;
      }
    }
  }

}

.qyxcp {
  video{
    width: 1200px;
    height: 500px;
    margin: 100px auto 0;
  }
  padding-top: 30px;
  ul {
    overflow: hidden;
    margin-top: 30px;
    li {
      width: 340px;
      height: 250px;
      float: left;
      margin-right: 90px;
      margin-top: 60px;
      position: relative;
      cursor: pointer;
      p {
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 56px;
        line-height: 56px;
        background: $fff;
        font-size: $font_16;
        color: $color_3;
        text-align: center;
      }
      &:nth-child(3n) {
        margin-right: 0;
      }
    }
  }
}

.Title {
  height: 36px;
  display: table;
  margin: 50px auto 10px;
  clear: both;
  .line {
    float: left;
    width: 20px;
    height: 0;
    border-bottom: 2px solid $color_6;
    margin-top: 17px;
  }
  .title {
    float: left;
    line-height: 34px;
    font-size: $font_16;
    color: $color_3;
    p:first-child {
      padding: 0 30px;
    }
    .underLine {
      width: 100px;
      height: 0;
      margin: 0 auto;
      border-top: 2px solid $da251c;
    }
  }
}

.joinUs {
  .title {
    font-size: $font_30;
    line-height: 48px;
    color: $color_3;
  }
  .zplc {
    text-align: center;
    margin-top: 160px;
  }
  .fldy {
    font-size: $font_16;
    line-height: 30px;
    color: $color_6;
  }
  .welfare {
    overflow: hidden;
    margin-top: 160px;
    ul {
      width: 400px;
      float: left;
      text-align: center;
      font-size: $font_24;
      line-height: 24px;
      color: #e3396f;
      img {
        width: 236px;
        height: 236px;
      }
      li {
        &:last-child {
          width: 260px;
          margin: 0 auto;
          font-size: $font_16;
          line-height: 28px;
          text-align: left;
        }
        &:nth-child(2) {
          margin: 10px auto 16px;
        }
      }
      &:nth-child(2) {
        color: #ff5e00;
      }
      &:nth-child(3) {
        color: #80d414;
      }
    }
  }
  .zplc_pic {
    margin: 40px 0 100px 444px;
    margin-top: 40px;
  }
}

.contactUs {
  dl {
    padding: 50px 0 50px 0;
    border-bottom: 1px dashed $e4e4e4;
    dt {
      font-size: $font_24;
      line-height: 30px;
      color: $color_3;
    }
    dd {
      font-size: $font_16;
      color: $color_6;
      line-height: 30px;
      margin-top: 10px;
    }
  }
  ul {
    width: 740px;
    height: auto;
    margin-top: 30px;
    margin: 30px auto 100px;
    overflow: hidden;
    li {
      width: 138px;
      height: 32px;
      margin-top: 30px;
      float: left;
      border: 1px solid $da251c;
      border-radius: 16px;
      line-height: 32px;
      text-align: center;
      margin-right: 60px;
      font-size: $font_16;
      color: $da251c;
      &:nth-child(4n) {
        margin-right: 0;
      }
      &:hover {
        background: $da251c;
        color: $fff;
        cursor: pointer;
      }
    }
  }
}

.newsCenter {
  ul.horizontalTab {
    width: 970px;
    margin-top: 46px;
  }
  .news {
    .panel {
      overflow: hidden;
      padding: 60px 0;
      border-bottom: 1px dashed $e4e4e4;
      img {
        width: 600px;
        height: 360px;
        float: left;
      }
      ul {
        width: 572px;
        margin-left: 28px;
        float: left;
        font-size: $font_16;
        color: $color_6;
        line-height: 30px;
        li {
          font-size: $font_16;
          color: $color_6;
          &:first-child {
            //font-size: $font_24;
            color: $color_3;
          }
          &:nth-child(2) {
            font-size: $font_14;
            color: $color_9;
          }
          &:last-child {
            a {
              color: $da251c;
            }
          }
        }
      }
    }
    .btn {
      width: 126px;
      height: 32px;
      border-radius: 17px;
      border: 1px solid $da251c;
      font-size: $font_18;
      line-height: 32px;
      color: $da251c;
      text-align: center;
      margin: 60px auto 100px;
      background: $fff;
      cursor: pointer;
      &:hover {
        background: $da251c;
        color: $fff;
      }
    }
  }
}

.newsDetail {
  .breadCrumbs {
    margin-bottom: 44px;
  }
  margin-bottom: 110px;
  .title {
    font-size: $font_30;
    line-height: $font_30;
    color: $color_3;
    text-align: center;
  }
  .subTitle {
    font-size: $font_14;
    line-height: $font_14;
    color: $color_9;
    text-align: center;
    margin-top: 18px;
  }
  .content {
    font-size: $font_18;
    line-height: 34px;
    color: $color_6;
    margin-top: 30px;
    text-indent: 2em;
  }
  img {
    margin: 20px auto 0;
  }
}

.recruitment_title {
  font-size: $font_24;
  color: $color_3;
  margin: 40px 0 30px;
}

.recruitment_group {
  font-size: $font_16;
  color: $color_6;
  margin-top: 30px;
  overflow: hidden;
  p {
    float: left;
    line-height: 16px;
  }
  ul {
    float: left;
    overflow: hidden;
    li {
      margin-left: 40px;
      line-height: 16px;
      float: left;
      cursor: pointer;
    }
  }
}

.recruitment {
  table {
    width: 1200px;
    margin-top: 40px;
    border-collapse: collapse;
    border: 1px solid $e4e4e4;
    thead {
      background: #f5f7fa;
      tr th {
        width: 240px;
        height: 70px;
        font-size: $font_18;
        color: $color_3;
        &:nth-child(2) {
          width: 160px;
        }
      }
    }
    tbody {
      tr {
        border-top: 1px solid $e4e4e4;
        cursor: pointer;
        td {
          text-align: center;
          width: 240px;
          height: 50px;
          font-size: $font_16;
          color: $color_6;
          &:nth-child(2) {
            width: 160px;
          }
          .hot {
            font-size: 10px;
            padding: 4px;
            line-height: 18px;
            background: $da251c;
            color: $fff;
            position: relative;
            margin-left: 6px;
            &:before {
              content: '';
              position: absolute;
              width: 0;
              height: 0;
              border-right: 5px solid $da251c;
              border-top: 5px solid $fff;
              border-bottom: 5px solid $fff;
              left: -5px;
              top: 6px;
            }
          }
        }
      }
    }
  }
  .page {
    width: auto;
    height: 30px;
    margin: 40px auto 110px;
    overflow: hidden;
    ul {
      display: table;
      margin: 0 auto;
      li {
        float: left;
        width: 20px;
        font-size: $font_20;
        line-height: 30px;
        padding: 0 20px;
        color: $color_9;
        cursor: pointer;
      }
    }
  }
}

.recruitmentDetail {
  .description {
    font-size: $font_16;
    color: $color_6;
    margin-top: 40px;
    line-height: 30px;
    overflow: hidden;
    > ul {
      border-top: 1px dashed #e4e4e4;
      padding-top: 40px;
      li {
        span {
          display: inline-block;
          &:nth-child(2) {
            margin-right: 100px;
          }
        }
      }
    }
    div {
      overflow: hidden;
      .name {
        float: left;
      }
      ol {
        float: left;
        overflow: hidden;
        margin-top: 16px;
        list-style-type: decimal;
      }
      button {
        width: 160px;
        height: 40px;
        line-height: 40px;
        font-size: $font_18;
        text-align: center;
        color: $fff;
        border: none;
        background: $da251c;
        margin: 40px 0 110px 80px;
        cursor: pointer;
      }
    }
  }
}

.application {
  .position {
    font-size: $font_18;
    line-height: 1;
    color: $color_3;
    margin: 44px 0 30px;
  }
  .title {
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: $font_18;
    text-indent: 1em;
    background: #f5f7fa;
  }
  .panel {
    margin-bottom: 60px;
  }
  .jlsc {
    margin-top: 10px;
    font-size: $font_14;
    line-height: $font_14;
    color: $color_6;
    p {
      margin-top: 20px;
    }
    .selectBtn {
      margin-top: 20px;
      overflow: hidden;
      .btn {
        width: 100px;
        height: 28px;
        border: none;
        line-height: 28px;
        font-size: $font_16;
        text-align: center;
        color: $fff;
        float: left;
        margin-bottom: 0;
        background: $da251c;
        position: relative;
      }
      input{
        position: absolute;
        width: 100px;
        height: 28px;
        left: 0;
        top: 0;
        opacity: 0;
      }
      span {
        font-size: $font_12;
        color: $color_3;
        line-height: 28px;
        float: left;
        margin-left: 20px;
      }
    }
  }
  .group {
    overflow: hidden;
    font-size: $font_14;
    line-height: 40px;
    color: $color_3;
    margin-top: 30px;
    .inputGroup {
      float: left;
      margin-left: 60px;
      &:first-child {
        margin-left: 0;
      }
      label {
        width: 70px;
        text-align: right;
        float: left;
      }
      input {
        width: 198px;
        height: 38px;
        border: 1px solid $e4e4e4;
        margin-left: 10px;
        &.small {
          width: 178px;
        }
        &.lang {
          width: 564px;
        }
      }
    }
    .radioGroup {
      float: left;
      margin-left: 60px;
      p {
        width: 70px;
        float: left;
        text-align: right;
      }
      div {
        float: left;
        margin-right: 30px;
        margin-left: 10px;
        span {
          &:first-child {
            font-size: $font_20;
            line-height: 40px;
            margin-right: 10px;
          }
        }
      }
      &:last-child {
        margin-left: 120px;
      }
    }
  }
  button {
    width: 160px;
    height: 40px;
    margin: 0 auto;
    font-size: $font_18;
    line-height: 40px;
    text-align: center;
    color: $fff;
    cursor: pointer;
    border: none;
    background: $da251c;
    display: block;
    margin-bottom: 120px;
  }
}

.teamStyle {
  margin-bottom: 100px;
  .chairman {
    width: 858px;
    height: 316px;
    margin: -50px auto;
    background: $fff;
    box-shadow: 0px 0px 5px 0px #eaeaea;
    overflow: hidden;
    img {
      width: 230px;
      height: 280px;
      float: left;
      margin: 18px 40px 18px 20px;
    }
    ul {
      font-size: $font_14;
      color: $color_3;
      line-height: 30px;
      width: 546px;
      float: left;
      li {
        &:first-child {
          font-size: $font_16;
          line-height: 24px;
          color: $da251c;
          margin-top: 30px;
          span {
            &:last-child {
              font-size: 24px;
              float: right;
              margin-right: 50px;
            }
          }
        }
        &:nth-child(4) {
          margin-top: 16px;
        }
      }
    }
  }
  .breadCrumbs {
    margin-top: 60px;
  }
  dl {
    margin-bottom: 30px;
    dt {
      font-size: $font_18;
      line-height: $font_18;
      color: #000;
      font-weight: bold;
    }
    dd {
      font-size: $font_14;
      line-height: 24px;
      color: $color_3;
      margin-top: 26px;
      &:nth-child(2) {
        margin-top: 30px;
      }
    }
  }
  .title {
    width: 194px;
    margin: 30px auto 0;
    line-height: 40px;
    height: 48px;
    text-align: center;
    font-size: $font_16;
    color: $fff;
    background: url("../images/redBg.png") no-repeat;
  }
  .ldgh {
    overflow: hidden;
  }
  .panel {
    position: relative;
    width: 580px;
    height: 449px;
    float: left;
    margin-right: 40px;
    margin-top: 30px;
    &:nth-child(2n) {
      margin-right: 0;
    }
    img {
      width: 100%;
      height: 376px;
    }
    p {
      width: 100%;
      height: 73px;
      background: $fff;
      line-height: 73px;
      text-align: center;
      font-size: $font_14;
      color: $color_3;
      margin-top: -6px;
    }
  }
}

.service {
  width: 100%;
  height: 88px;
  border-top: 1px solid $ccc;
  border-bottom: 1px solid $ccc;
  clear: both;
  div {
    float: left;
    width: 240px;
    text-align: center;
    display: table;
    margin: 0 auto;
    img {
      float: left;
      margin-top: 20px;
      margin-left: 40px;
    }
    p {
      float: left;
      line-height: 90px;
      margin-left: 10px;
    }
  }
}

.business {
  width: 100%;
  padding: 40px 0 34px;
  height: auto;
  overflow: hidden;
  dl {
    width: 160px;
    float: left;
    color: $color_3;
    dt {
      font-size: $font_16;
      line-height: 16px;
    }
    dd {
      &:nth-child(2) {
        margin-top: 24px;
      }
      a {
        font-size: $font_12;
        line-height: 22px;
        color: $color_3;
      }
    }

  }
  ul {
    width: 239px;
    float: right;
    margin-left: -240px;
    border-left: 1px solid $ccc;
    li {
      text-align: center;
      font-size: $font_12;
      line-height: 12px;
      color: $color_3;
      &:first-child {
        font-size: $font_18;
        color: $da251c;
        line-height: 18px;
      }
      &:nth-child(2) {
        margin-top: 18px;
      }
      &:nth-child(3) {
        margin-top: 8px;
      }
      &:last-child {
        margin-top: 22px;
        line-height: 22px;
        color: $da251c;
        span {
          display: inline-block;
          width: 22px;
          height: 22px;
          background: url("../images/phone.png") no-repeat;
          vertical-align: bottom;
          margin-right: 6px;
        }
      }
    }
  }
}

.footer {
  width: 100%;
  height: 100px;
  background: #353b42;
  text-align: center;
  div {
    width: 660px;
    margin: 0 auto;
    p {
      float: left;
      width: 556px;
      font-size: $font_12;
      line-height: 18px;
      color: #fff;
      text-align: center;
      margin-top: 34px;
    }
    img {
      float: right;
      width: 99px;
      height: 40px;
      margin-top: 30px;
    }
  }

}